// 单个方块内容 第一个
// .box_content {
//   height: calc(100% - 39px);


.card {
  width: 100% !important;
  display: flex !important;
  justify-content: space-evenly !important;
  flex-wrap: wrap !important;
  .ant-pro-card{
    width: 33%;
    margin-bottom: 5px;
  }
  .ant-pro-card-body{
    padding: 10px;
  }

  ul {
    padding-left: 10px;
  }

  ul li {
    list-style: none;
    display: flex;
    justify-content: space-between;
    line-height: calc(410px / 10);

    span {
      border: 3px solid red;
      height: 3px;
      padding-right: 5px;
      display: inline-block;
      border-top-color: #f8f8f8;
      border-right-color: #f8f8f8;
      border-bottom-color: #f8f8f8;
    }

    .a {
      color: black;
    }

    .a_active {
      color: antiquewhite;
    }

    .box_content_publish {
      padding-right: 8px;
    }
  }
  ul li:hover {
    color: #5377b6;
  }


}


// }

// 图片新闻
// background-color: pink;
// height: calc(100% - 39px);
// width: 100%;

.box_news_one {
  height: calc(100% / 3);
  background-color: rgb(248, 248, 248);
  // background-color: red;#eaf2ff
  display: flex;
  padding: 8px 10px;

  .box_news_left {
    flex: 2;
    background-color: red;

    img {
      width: 100%;
      height: 100%;
    }
  }

  // https://erpdemo.fanpusoft.com/UpLoader/News/公司运动会新闻.jpg
  .box_news_right {
    flex: 3;
    // background-color: #5377b6;
    margin-left: 10px;

    .box_news_right_top {
      display: flex;
      justify-content: space-between;
      height: 25px;

      .box_news_right_title {
        font-size: 14px;
        font-weight: bold;
      }

      .box_news_right_publish {
        font-size: 13px;
        color: #999;
      }
    }

    .box_news_right_bottom {
      height: calc(100% - 25px);
      // background-color: red;
      font-size: 13px;
      color: #999;

      p {
        line-height: 13px;
        font-size: 9px;
        width: 300px;
        overflow: hidden;
        text-overflow: ellipsis;
        /* 加省略号 */
        white-space: nowrap;
        /* 强制不换行 */
      }
    }
  }
}


// 考勤打卡
.box_timecard {
  height: calc(100% - 39px);

  .box_timecard_top {
    height: 35%;

    display: flex;

    .box_timecard_top_time {
      flex: 1;
      padding-left: 15px;
      padding-top: 15px;

      .datee {
        font-size: 13px;
      }

      .timee {
        font-size: 35px;
      }
    }

    .box_timecard_top_active {
      flex: 1;
      // background-color: pink;
      text-align: center;
      margin-left: 200px;
      .onpayload {
        border-bottom: 1px solid #2e6d9d;
        color: #2e6d9d;
        padding-top: 20px;
      }

      .button_active {
        font-size: 18px;
        padding-top: 0;
        margin-top: 10px;
        border-color: #e2edf6;
        background-color: white;
        border-radius: 10%;
      }
    }
  }

  .box_timecard_bottom {
    height: 65%;
    .box_timecard_bottom_all {
      height: 100%;
      margin-left: 50%;
      width: 300px;
    }
    .box_timecard_bottom_one {
      margin-left: 15px;
      height: 50%;
      .box_timecard_bottom_one_top {
        height: 50%;
      }
      .box_timecard_bottom_one_bottom {
        height: 50%;
      }
      span {
        margin-left: 10px;
      }
    }
  }
}